@charset "utf-8";

/*reset*/
body{background-color:#eee;}
.navbar-static-top{margin-bottom:0;border:0;}
.navbar-static-top .navbar-nav{margin-top:0;margin-bottom:0;}
.navbar-static-top .navbar-header .navbar-toggle:hover{background-color:#f0f0f0;}
.navbar-static-top .navbar-toggle .icon-bar{background-color:currentColor;}
.dropdown-menu{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);border-radius:0;margin-top:0;padding:0;border:0;}
.dropdown-menu>li>a{font-size:13px;color:#999;padding:5px 20px;}

/*top*/
.mod-top{background-color:#f9f9f9;z-index:1001;}
.mod-top .navbar-brand{padding:10px 15px;}
.mod-top .navbar-brand .form-control{border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
.mod-top .navbar-nav>li>a{color:currentColor;font-size:13px;color:#999;}
.mod-top .navbar-nav>li>a:hover{color:currentColor;}
.mod-top .dropdown-menu .fa-angle-right{position:relative;top:2px;}
.mod-top .navbar-right>li.dropdown:hover>a{background-color: #eee;}

/*nav*/
.mod-nav{background-color:#fff;width:100%;z-index:1000;}
.mod-nav:after{content:"";position:absolute;right:0;bottom:0;height:90px;background-color:#0288cf;z-index:-1;display:block;}
.mod-nav .navbar-header .navbar-toggle{margin-top:28px;}
.mod-nav .navbar-brand{height:90px;padding-top:20px;padding-bottom:20px;}
.mod-nav .navbar-nav{position:relative}
.mod-nav .navbar-nav>li>a{color:#9acfec;background-color:#0288cf;font-size:16px;}
.mod-nav .navbar-nav>li>a:hover,.mod-nav .navbar-nav>li.active>a,.mod-nav .navbar-right>li.dropdown:hover>a{color:#fff;}
.mod-nav .nav .open>a, .mod-nav .nav .open>a:focus, .mod-nav .nav .open>a:hover{background-color: #0288cf;border-color: transparent;color: #fff;}
.mod-nav .navbar-nav:before{content:"";position:absolute;top:0;display:block;background-color:#0288cf;}
@media (min-width:992px){
    .mod-nav:after{width:30%;}
    .mod-nav .navbar-nav:before{border-top:90px solid #fff;border-right:60px solid transparent;left:-60px;}
}
@media (min-width:768px){
    .mod-top .dropdown-menu .dropdown-menu{position:absolute;left:100%;top:0;}
    .mod-nav .navbar-nav>li>a{padding-top:35px;padding-bottom:35px;height:90px;}
    .navbar-nav li.dropdown:hover>.dropdown-menu{display:block;}
}
@media (min-width:768px) and (max-width:991px){
    .mod-nav:after{width:100%;}
    .mod-nav .navbar-nav>li>a{font-size:14px;}
}